<template>
  <div id="main" ref="main">
  </div>
</template>
<script>
export default {
	name:'Yuan',
  data () {
    return {

    }
  },
  components: {
  },
  mounted () {
	  this.revEcharts()
  },
  methods: {
	  revEcharts(){
		  const echarts = require('echarts')
		  const myChart = echarts.init(this.$refs.main)
		  const option = {
				tooltip: {
					trigger: 'item',
					formatter: '{a} <br/>{b}: {c} ({d}%)'
				},
				legend: {
					orient: 'vertical',
					left: 10,
					data: []
				},
				series: [
					{
						name: '',
						type: 'pie',
						radius: ['50%', '70%'],
						avoidLabelOverlap: false,
						label: {
							normal: {
								show: false,
								position: 'center'
							},
							emphasis: {
								show: true,
								textStyle: {
									fontSize: '30',
									fontWeight: 'bold'
								}
							}
						},
						labelLine: {
							normal: {
								show: false
							}
						},
						data:[{value: 335, name: ''},
							{value: 310, name: ''},
							], 
					    }
				        ]
			            }
			myChart.setOption(option)
	  }
  }
}
</script>
<style lang="scss">
  #main{
	  width: 70px;
	  height: 70px;
  }
</style>
